<template>
 <div class="comment-container">
     <h4>发表评论</h4>
     <hr>

     <textarea placeholder="请输入要吐槽的内容(最多120字)" maxlength="120">

     </textarea>

     <mt-button type="primary" size="large">发表评论</mt-button>
       
     <div class="comment-list">
         <div class="comment-item">
             <div class="comment-title">
              第1楼&nbsp;&nbsp;用户:匿名用户&nbsp;&nbsp;发表时间:2017-11-15 12:12:12
             </div>
             <div class="comment-content">
                are you okay.
             </div>
         </div>
     </div>
     
   

      <mt-button type="danger" size="large" plain>加载更多</mt-button>
 </div>
</template>

<script>
    
</script>

<style lang="scss" scoped>
  .comment-container{
      textarea{
          margin:0;
          font-size: 13px;
      }
      .comment-list{
          .comment-item{
              font-size: 14px;
              .comment-title{
                  background: #ccc;
                  line-height: 30px;
              }
              .comment-content{
                  text-indent: 2em;
                  line-height: 35px;
              }
          }
      }
  }
</style>
